<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>验证</title>
    <link href="css/style.css?v=1" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/verify.css">
</head>

<body>
    <div class="yz-p3">拖动下方滑块完成拼图</div>
        <div id="mpanel4" class="pintu">
            </div>
</body>
     
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/verify.js" ></script>
<script>
    
        
        $('#mpanel4').slideVerify({
            type : 2,		//类型
            vOffset : 5,	//误差量，根据需求自行调整
            vSpace : 5,	//间隔
            imgName : ['1.jpg', '2.jpg'],
            imgSize : {
                width: '400px',
                height: '200px',
            },
            blockSize : {
                width: '40px',
                height: '40px',
            },
            barSize : {
                width : '400px',
                height : '40px',
            },
            ready : function() {
            },
            success : function() {
                window.location.href="faduanxin.html";
                //......后续操作
            },
            error : function() {
//		        	alert('验证失败！');
            }
            
        });
        
        
        
      
        
        
    </script>
</html>